abbr,
article,
aside,
audio,
canvas,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
    /* display: flex; */
    display: block;
}

.header_box {
    position: relative;
    z-index: 100;
    height: 0;
}

.header_box_li {
    position: relative;
    z-index: 1;
    height: 100%;
}

#header {
    z-index: 999;
    width: 100%;
}

.head {
    position: fixed;
}

.wp {
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
    background-color: #ffcc00;
    display: flex;
}

.header_box .left {
    width: calc(5% - 4.73rem);
    display: block;
    margin: 0 0 0 500px;
    background-color: #0ec7c7;
}


.list_box0 {
    position: fixed;
    /* ʹ�ù̶���λ */
    top: 0;
    /* ȷ��Ԫ��λ��ҳ�涥�� */
    right: 800px;
    /* ȷ��Ԫ��λ��ҳ���Ҳ� */
    z-index: 1000;
    /* ����һ���ϸߵ�z-indexֵ��ȷ���串�����������ص���Ԫ�� */

    /*display: flex;*/
    flex-direction: column;
    gap: 10px;

    /* ��ѡ��ʽ���������޸�ԭ�й���Ч�� */
    transition: .5s;
}



.list_box0 .li {
    font-size: 16px;
    color: black;
    display: inline-block;
    transition: .6s;
    margin-right: 5px;
}

.list_box0 .li a {
    color: black;
    display: flex;
    align-items: center;
}

a {
    color: inherit;
}

.header_box .center {
    width: 4.73rem;
    position: relative;
    z-index: 1;
    background-color: #ffcc00;
}

.header_box .center p {
    font-size: 14px;
    width: 25%;
}


.header_box .center img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 450%;
    transition: .5s;
    transform-origin: top;
}

img {
    vertical-align: middle;
}


div.other {
    height: 10000px;
    margin: 0;
    padding: 0;
}